/*RESET CSS*/
*{margin: 0px; padding:0px;}
/*------------------------LAYOUT STYLE------------------------*/
body{
    font-size: 14px;
    font-family: arial;
    background:url(../templates/admin/images/interface/bg-body-top.jpg) repeat-x top left;
}
a{
    text-decoration: none;
    color:#737373;
}
#wrapper{
    width: 0 auto;
    background: url(../templates/admin/images/interface/bg-body-bottom.jpg) repeat-x  bottom left;
    overflow: hidden;
}
/*-------------------------HELLO----------------*/
#hello{
    font-family: arial;
    font-size: 14px;
    height:20px;
    width:auto;
    overflow: hidden;
     background: url(../templates/admin/images/interface/bg-content.png);
}
.login-detail{
    width:960px;
    margin:0 auto;
}
.login-detail span{
    float:left;
}
/*------------------------HEADER--------------------------------------*/
#header{
    width: auto;
    margin:0px auto;
}
#header div{
    width: 960px;
    margin:0px auto;
    overflow: hidden;
    position: relative;
}
#header div a#logo{
    display: block;
    height: 110px;
    width: 254px;
    float: left;
}
#header div a#logo img{
    border:0px;
}

#header div div.navigation{
    float:right;
    overflow:hidden;
    width:auto;
    margin:0;
    height: 30px;
}
#header div div.navigation ul.first{
    background: url(../templates/admin/images/interface/bg-top-navigation-left.png) no-repeat;
    height:30px;
    padding: 0 0 0 21px;
}
#header div div.navigation ul.first li{
    background: url(../templates/admin/images/interface/bg-top-navigation.png);
}
#header div div.navigation ul li.first a{
    border:0;
}
#header div div.navigation ul{
    list-style: none;
    margin:0;
    padding:0;
    float:left;
}
#header div div.navigation ul li{
    float: left;
    background: url(../templates/admin/images/interface/bg-top-navigation2.png);
    height: 30px;
}
#header div div.navigation ul li a{
    text-decoration:none;
    color:#721c49;
    font-family:arial;
    font-size:14px;
    text-shadow: 0 1px 0 #fff;
    border-width: 1px;
    border-style: none none none solid;
    border-color:#fff;
    height:30px;
    display:inline-block;
    line-height:30px;
    padding: 0 10px;
}

#header div div.navigation ul li.detail-login{
     text-decoration:none;
    color:#721c49;
    font-family:arial;
    font-size:14px;
    text-shadow: 0 1px 0 #fff;
    height:30px;
    display:inline-block;
    line-height:30px;
    padding: 0 10px;
    border-left: 1px solid #fff;
}
#header div div.navigation ul li.detail-login a{
    border: 0px;
}
#header div div.navigation ul li a:hover{
    color:#E80284;
}
#header div form.search{
    position: absolute;
    right: 0px;
    bottom:10px;
}
#header div form.search input{
    background: url(../templates/admin/images/interface/interface.gif) no-repeat 0 -90px;
    width: 304px;
    height:auto;
    border: 0;
    float: left;
    padding: 11px 0px 11px 40px;
    color: #a1a1a1;
    font-size: 16px;
}
#header div form.search input#submit{
    background: url(../templates/admin/images/interface/interface.gif) no-repeat 0 -150px;
    width: auto;
    height: 24px;
    position: relative;
    margin: 7px 0 0 -55px;
    font-size: 14px;
    padding: 0 0 0 30px;
}
#header div#navigation{
    height: 40px;
    width: auto;
    background:url(../templates/admin/images/interface/bg-navigation.gif) repeat-x;
}
#header div#navigation ul{
    list-style: none;
    margin:0 auto;
    padding: 0 20px;
    width: 920px;
    overflow: hidden;
}
#header div#navigation ul li{
    float:left;
    width: 155px;
    text-align: center;
}
#header div#navigation ul li.selected a{
    font-weight:bold;
    color:#fff;
    text-shadow:none;
}
#header div#navigation ul li.selected{
    width:134px;
    background: url(../templates/admin/images/interface/bg-menu-selected.gif) no-repeat center top;
}
#header div#navigation ul li a{
    font-family: arial;
    color: #fcddf9;
    text-shadow: 0 -1px 0 #920052;
    font-size: 14px;
    text-decoration: none;
    line-height: 40px;
    font-weight: normal;
}
#header div#navigation ul li a:hover{
    color:#fff;
    font-weight: bold;
    text-shadow: none;
}

/*--------------------------------MAIN-------------------------*/
#main{
    width: 960px;
    margin: 10px auto;
    height: auto;
    position: relative;
    overflow: hidden;
}
/*-----------------------SIDEBAR-------------------------*/
#main #sidebar{
    float: left;
    margin: 0 10px 0 0;
    background: url(../templates/admin/images/interface/bg-content.png);
    width: 200px;
    font-family: arial;
    font-size: 14px;
    margin-bottom: 10px;
}
#sidebar .cart{
    background: url(../templates/admin/images/interface/bg-content.png);
    height: 50px;
    margin-top: 10px;
    padding-top: 20px;
    margin-bottom: 10px;
    color: #737373;
    width:170px;
    padding-left: 20px;
}
#sidebar .cart a:hover{
    color: #E80284;
}
#main #sidebar h2{
    margin: 0px 0 0 0px;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    background: url(../templates/admin/images/interface/border-top.gif) no-repeat bottom center;
    padding: 10px;
 text-decoration: none;
    color: #f6008a;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
#main #sidebar ul li a{
    color: #92898a;
    text-decoration: none;
    margin-left: 35px;
    font-family: arial;
    font-size: 14px;
}
#main #sidebar ul.price li a{
    color: #92898a;
    text-decoration: none;
    margin-left: 40px;
    font-family: arial;
    font-size: 14px;
    margin-bottom: 5px;
}
#main #sidebar ul.price li{
    padding: 7px;
}
#main #sidebar ul li.selected a{
    color: #F6008A;
}
#main #sidebar ul li a:hover{
    color: #f6008a;
}
#main #sidebar ul{
    margin: 0 0 60px;
    padding :0;
    list-style: none;
}
#main #sidebar ul{
    margin-bottom: 15px;
}
#main #sidebar ul li{
    margin: 5px 0 0 0px;
    border-bottom: 1px solid #f1edee;
    padding: 2px;
    background: url(../templates/admin/images/interface/icon-list-cha.png) no-repeat;
    background-position: 20px 8px;
}
#main #sidebar .product{
    width: 170px;
    margin: 10px 0 0 17px;
}
/*-------------------------SLIDE SHOW------------------------------*/
.slide-container {
    height: 335px;
    width: 750px;
    margin: 0 auto;}
.slide-stage{
    height: 300px;
    position: relative;}
.slide-image{
    left: 0;
    position: absolute;
    top: 0;
    opacity:0;}
.slide-image img{
    width:750px;
    height:300px;
}
.slide-image:first-child{opacity:1;}
.slide-pager {height: 20px;}
.slide-pager ul {
    float: right;
    margin: 10px 0 0;
    padding: 0;
    width: auto;}
.slide-pager-slot {
    background: none repeat scroll 0 0 #999999;
    display: block;
    float: left;
    height: 15px;
    list-style: none outside none;
    margin: 0 5px 0 0;
    width: 15px;
    cursor:pointer;}
.slide-pager-slot:hover{background:red;}
.slide-pager ul .focus{background:green;}
.slide-control-prev {
    float: left;
    margin: 10px 5px 0 0;
    text-align: center;
    width: 15px;
    height: 15px;
    background: orange;
    line-height: 12px;
    color: #fff;
    cursor:pointer;}
.slide-control-next{
    float: left;
    margin: 10px 0 0 0;
    text-align: center;
    width: 15px;
    height: 15px;
    background: orange;
    line-height: 12px;
    color: #fff;
    cursor:pointer;}

/*----------------------------CONTENT------------------------*/
#main #content{
    margin-left: 210px;
    overflow: hidden;
     background: url(../templates/admin/images/interface/bg-content.png);
}
#products{
    margin: 10px 0 24px;
    background: url(../templates/admin/images/interface/bg-content.png);
    overflow: hidden;
}
#products .paging{
    overflow:hidden;
}
#products .paging .first{
    height: 20px;
    float:left;
}
#products .paging .first h2{
    background: url(../templates/admin/images/interface/interface.gif) no-repeat left -50px #ff0090;
    font-family: Arial;
    margin: 0 50px 0 0;
    font-size: 14px;
    color: #fff;
    padding: 0 13px 0 20px;
    line-height: 20px;
    float:left;
    font-weight:normal;
    text-transform: uppercase;
}
#main #content #products .paging .first ul li.selected a,#main #content #products .paging .first ul li a:hover,
#main #content #products .paging div ul li a:hover{
    color: #ff0090;
}
 #products .paging div{
    float: right;
}
.product{
    width: 220px;
    height: 350px;
    float:left;
    margin:10px 20px 10px 5px;
    overflow:hidden;
    list-style:none;
    padding:0;
    line-height: 25px;
}
.product .product-img img{
    border: 0;
    width:215px;
    height:270px;
    border:1px solid #939393;
}
.img_promotion{
    background: url(../templates/admin/images/interface/interface_1.png) no-repeat;
    background-position: 0 -166px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 59px;
    line-height: 60px;
    width: 186px;
    text-align: center;
    float:left;
    position: absolute;
     top: 500px;
    left: 216px;
}
.product .product-img img:hover{
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.product .product-name a{
    margin: 5px 0 0;
    color: #2F1508;
    font-family: arial;
    font-size: 14px;
    font-weight:bold;
    margin-left: 0px;
}
.product .product-name a:hover{
    color:#920052;
}
.product .product-id p{
    margin: 0;
    color: #737373;
    font-family: arial;
    font-size: 13px;
    float:right;
}
.product .product-price span{
    color: #E20380;
    font-family:arial;
    font-size: 14px;
    font-weight: bold;
}
.product .product-price-old{
    color:#737373;
    font-family: arial;
    font-size: 12px;
}
.add-cart {
    background: url(../templates/admin/images/interface/interface.png) no-repeat;
    background-position: -151px -34px;
    color: #fff;
    display: inline-block;
    font: 12px/28px Arial, Helvetica, sans-serif;
    height: 33px;
    width: 140px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}
.add-cart:hover{
    background-position: 0 -34px;
}
/*----------------------------FOOTER-------------------------------*/
#footer p{
    color:#959998;
    width:960px;
    height:auto;
    text-align:center;
    padding:10px;
    line-height:20px;
    margin:0px auto;
}



